<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/7/21 0021
  Time: 下午 2:56
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<head>
    <title>通知公告</title>
    <link rel="stylesheet" href="../../static/easyui/bootstrap/css/bootstrap.min.css" />
    <script type="text/javascript" src="../../static/easyui/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../../static/easyui/bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../static/easyuicss/common/box.css" />
    <link rel="stylesheet" type="text/css" href="../../static/easyui/css/common/checkbox.css" />

</head>
<style type="text/css">

    body{
        margin: 20px;
    }
    a:hover {
        text-decoration: none;
    }

    .bgc-w {
        background-color: #fff;
    }
    .red{
        color:#d9534f;
        font-weight:100;
        font-size:1px;
    }
</style>
<div class="row" style="padding-top: 10px;">
    <div class="col-md-2">
        <h1 style="font-size: 24px; margin: 0;" class="">通知管理</h1>
    </div>
    <div class="col-md-10 text-right">
        <a href="##"><span class="glyphicon glyphicon-home"></span> 首页</a> > <a
            disabled="disabled">通知管理</a>
    </div>
</div>

<div class="row" style="padding-top: 15px;">
    <div class="col-md-12">
        <!--id="container"-->

        <div class="bgc-w box">
            <!--盒子头-->
            <div class="box-header">
                <h3 class="box-title">
                    <a href="javascript:history.back();" class="label label-default"
                       style="padding: 5px;"> <i
                            class="glyphicon glyphicon-chevron-left"></i> <span>返回</span>
                    </a>
                </h3>
            </div>
            <form action="informcheck" method="post" id="thisForm" onsubmit="return check();">
                <!--盒子身体-->
                <div class="box-body no-padding">
                    <div class="box-body">
                        <div class="alert alert-danger alert-dismissable" role="alert"
                             style="display: none;">
                            错误信息:<button class="close" type="button">&times;</button>
                            <span class="error-mess"></span>
                        </div>
                        <div class="row">
                            <div class="col-md-6 form-group">
                                <label class="control-label"><span>类型</span></label>
                                <select class="form-control" id="sele" name="typeId">
                                    <option value="10">公告</option>
                                    <option value="11">通知</option>
                                    <option value="12">投票</option>
                                </select>
                            </div>
                            <div class="col-md-6 form-group">
                                <label class="control-label"><span>状态</span></label>
                                <select class="form-control" id="sele2" name="statusId">
                                    <option value="14">一般</option>
                                    <option value="15">重要</option>
                                    <option value="16">紧急</option>
                                </select>
                            </div>
                            <div class="col-md-6 form-group">
                                <label class="control-label"><span>标题</span></label>
                                <input class="form-control" id="biaoti" value="" name="title"/>
                            </div>
                            <div class="col-md-6 form-group">
                                <label class="control-label"><span>描述</span></label>
                                <textarea class="form-control text" id="miaosu" rows="5" cols="20" name="content"></textarea>
                            </div>

                        </div>
                    </div>
                </div>

                <!--盒子尾-->
                <div class="box-footer">
                    <input class="btn btn-primary" id="save" type="button" value="保存"/>
                    <input class="btn btn-default" id="cancel" type="button" value="取消"
                           onclick="window.history.back();" />
                </div>
            </form>
        </div>

    </div>
</div>


<div class="modal fade" id="modifyManagerPasswordModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display:none">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">
                    修改管理员密码
                </h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>

            </div>
            <form class="form-horizontal form-material" role="form" enctype="multipart/form-data">
                <div class="form-group">
                    <label class="col-md-12">旧密码</label>
                    <div class="col-md-12">
                        <input type="text" id="oldManagerPassword" class="form-control form-control-line">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-12">新密码</label>
                    <div class="col-md-12">
                        <input type="text" id="newManagerPassword" class="form-control form-control-line">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-12">再次确认</label>
                    <div class="col-md-12">
                        <input type="text" id="confirmNewPassword" class="form-control form-control-line">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-12" id="buttons">
                        <button class="btn btn-success" type="button" data-dismiss="modal" onclick="modifyManagerPassword()">确定</button>
                        <button class="btn waves-effect waves-light btn btn-info pull-right hidden-sm-down" data-dismiss="modal" type="button" >取消</button>
                    </div>
                </div>
            </form>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>



<script type="text/javascript">
    $(document).ready(function () {
        $("#save").click(function () {
            var listnum = $("#sele").val();
            var  listnum2 =$("#sele2").val();
            var  biaoti= $("#biaoti").val();
            var  miaosu= $("#miaosu").val();
            $.ajax({
                async:true,
                type:"POST",
                url:"${pageContext.request.contextPath}/insert",
                data:{
                    Typeid:listnum,
                    StatelId:listnum2,
                    BiaoTi:biaoti,
                    MiaoSu:miaosu
                },
                dataType:"json",
                success:function (rel) {
                    if (rel.state){
                        alert(rel.msg+"发布成功");
                        window.location.href = 'notice.jsp';
                    }else {
                        alert(rel.msg+"发布失败");
                    }
                },
                error:function () {
                    alert("失败");
                }

            })

        })
    })
</script>


<style type="text/css">

    #thismodal .modal-dialog {
        width: 500px;
        top:20%;
    }

    #thismodal .modal-body .icon {
        height: 80px;
        width: 80px;
        margin: 20px auto;
        border-radius: 50%;
        color: #aad6aa;
        border: 3px solid #d9ead9;
        text-align: center;
        font-size: 44px;
    }

    #thismodal .modal-body .icon .glyphicon {
        font-size: 46px;
        top: 14px;
    }

    #thismodal .modal-p {
        margin: 20px auto;
    }

    #thismodal .modal-body .modal-p h2 {
        text-align: center;
    }

    #thismodal .modal-body .modal-p p {
        text-align: center;
        color: #666;
        font-size: 16px;
        padding-top: 8px;
        font-weight: 300;
    }

    #thismodal .modal-p .btn {
        margin-left: 40%;
        width: 100px;
        height: 40px;
    }

    #thismodal .modal-error .icon {
        color: #f27474;
        border: 3px solid #f27474;
    }
</style>

<div class="modal fade in" id="thismodal" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body modal-success" style="display: none;">
                <div class="icon">
                    <span class="glyphicon glyphicon-ok"></span>
                </div>
                <div class="modal-p">
                    <h2>操作成功</h2>
                    <!--<p style="">已回复</p>-->
                    <div class="modal-p">
                        <button type="button" class="btn btn-primary successToUrl" data-dismiss="modal">确定</button>
                    </div>
                </div>
            </div>
            <div class="modal-body modal-error" style="display: none;">
                <div class="icon">
                    <span class="glyphicon glyphicon-remove"></span>
                </div>
                <div class="modal-p">
                    <h2 style="text-align: center;">错误信息</h2>
                    <p class="modal-error-mess">此处将显示弹出框的错误提示信息</p>
                    <div class="modal-p">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
                    </div>
                </div>
            </div>

        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<!-- /.modal -->
<%--<script type="text/javascript" src="js/modalTip.js" ></script>


<!-- 这里是执行返回失败的参数，并显示详细的信息； -->
<script type="text/javascript">

    $('.successToUrl').on('click',function(){
        window.location.href='/infrommanage';
    });
    //表单提交前执行的onsubmit()方法；返回false时，执行相应的提示信息；返回true就提交表单到后台校验与执行
    function check() {
        console.log("开始进入了");
        //提示框可能在提交之前是block状态，所以在这之前要设置成none
        $('.alert-danger').css('display', 'none');
        var isRight = 1;
        $('.form-control').each(function(index) {
            // 如果在这些input框中，判断是否能够为空
            if ($(this).val() == "") {
                // 排除哪些字段是可以为空的，在这里排除
                if (index == 3 || index == 4) {
                    return true;
                }
                if(index == 3){

                }
                // 获取到input框的兄弟的文本信息，并对应提醒；
                var brother = $(this).siblings('.control-label').text();
                var errorMess = "[" + brother + "输入框信息不能为空]";
                // 对齐设置错误信息提醒；红色边框
                $(this).parent().addClass("has-error has-feedback");
                $('.alert-danger').css('display', 'block');
                // 提示框的错误信息显示
                $('.error-mess').text(errorMess);
                // 模态框的错误信息显示
                $('.modal-error-mess').text(errorMess);
                isRight = 0;
                return false;
            } else {
                // 在这个里面进行其他的判断；不为空的错误信息提醒
                return true;
            }
        });
        if (isRight == 0) {
            //modalShow(0);
            return false;
        } else if (isRight == 1) {
            //modalShow(1);
            return true;
        }
//	return false;
    }--%>
</script>